
<!-- The table listing the files available for upload/download -->
<table role="presentation" class="table table-striped" id="batchTable">
	<tbody class="files" data-toggle="modal-gallery" data-target="#modal-gallery" id="tbody">
		<#list listArt as a>
			<tr class="template-download fade in">
				<td class="preview">
					<a href="${base}/document/file-${a.fId}.do" rel="gallery" target="_blank">
						<img src="${base}/document/file-${a.fId}.do" height="50px" width="80px">
					</a>
				</td>
				<td class="name">
					<a href="${base}/document/file-${a.fId}.do" rel="gallery" target="_blank">
						${a.remoteName}
					</a>
				</td>
				<td class="size"><span>
					<#setting number_format="0.##">
					<#if a.fileSize gt 1048576 >
						${a.fileSize/1024/1024} MB
					<#else>
						${(a.fileSize/1024)} KB
					</#if>
				</span></td>
				<td colspan="2"></td>
				<td class="delete">
					<button type="button"  onclick="delSingle()" class="btn btn-danger btn-sm" data-type="POST" data-url="/admin/document/del-${a.fId}.do">
						<i class="fa fa-trash-o"></i> <span>删除</span>
					</button> 
					<input type="checkbox" name="delete" value="1" style="vertical-align: middle;">
				</td>
			</tr>
		</#list>
	</tbody>
</table>
<!-- modal-gallery is the modal dialog used for the image gallery -->
<div id="modal-gallery" class="modal modal-gallery hide fade"
	data-filter=":odd">
	<div class="modal-header">
		<a class="close" data-dismiss="modal">&times;</a>
		<h3 class="modal-title"></h3>
	</div>
	<div class="modal-body">
		<div class="modal-image"></div>
	</div>
	<div class="modal-footer">
		<a class="btn modal-download" target="_blank"> <i
			class="icon-download"></i> <span>Download</span>
		</a> <a class="btn btn-success modal-play modal-slideshow"
			data-slideshow="5000"> <i class="icon-play icon-white"></i> <span>Slideshow</span>
		</a> <a class="btn btn-info modal-prev"> <i
			class="icon-arrow-left icon-white"></i> <span>Previous</span>
		</a> <a class="btn btn-primary modal-next"> <span>Next</span> <i
			class="icon-arrow-right icon-white"></i>
		</a>
	</div>
</div>

<!-- The template to display files available for upload -->
<script id="template-upload" type="text/x-tmpl">
            {% for (var i=0, file; file=o.files[i]; i++) { %}
        <tr class="template-upload fade">
            <td class="preview"><span class="fade"></span></td>
            <td class="name"><span>{%=file.name%}</span></td>
            <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
            {% if (file.error) { %}
            <td class="error" colspan="2"><span class="badge badge-danger">{%=locale.fileupload.error%}</span> {%=locale.fileupload.errors[file.error] || file.error%}</td>
            {% } else if (o.files.valid && !i) { %}
            <td>
                <div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"><div class="bar progress-bar progress-bar-success" style="width:0%;"></div></div>
            </td>
            <td class="start">{% if (!o.options.autoUpload) { %}
                <button class="btn btn-primary  btn-sm">
                    <i class="fa fa-cloud-upload"></i>
                    <span>{%=locale.fileupload.start%}</span>
                </button>
                {% } %}</td>
            {% } else { %}
            <td colspan="2"></td>
            {% } %}
            <td class="cancel">{% if (!i) { %}
                <button class="btn btn-warning btn-sm">
                    <i class="fa fa-ban"></i>
                    <span>{%=locale.fileupload.cancel%}</span>
                </button>
                {% } %}</td>
        </tr>
        {% } %}
    </script>
<!-- The template to display files available for download -->
<script id="template-download" type="text/x-tmpl">
        {% for (var i=0, file; file=o.files[i]; i++) { %}
        <tr class="template-download fade" >
            {% if (file.error) { %}
            <td></td>
            <td class="name"><span>{%=file.name%}</span></td>
            <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
            <td class="error" colspan="2"><span class="badge badge-danger">{%=locale.fileupload.error%}</span> {%=locale.fileupload.errors[file.error] || file.error%}</td>
            {% } else { %}
            <td class="preview">{% if (file.thumbnail_url) { %}
                <a href="{%=file.url%}" target="_blank" title="{%=file.name%}" rel="gallery" ><img src="{%=file.thumbnail_url%}" height="50px" width="80px"></a>
                {% } %}</td>
            <td class="name">
                <a href="{%=file.url%}" title="{%=file.name%}" rel="{%=file.thumbnail_url&&'gallery'%}" download="{%=file.name%}">{%=file.name%}</a>
            </td>
            <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td>
            <td colspan="2"></td>
            {% } %}
            <td class="delete">
                <button type="button" onclick="delSingle()" class="btn btn-danger  btn-sm" data-type="{%=file.delete_type%}" data-url="{%=file.delete_url%}">
                    <i class="fa fa-trash-o"></i>
                    <span>{%=locale.fileupload.destroy%}</span>
                </button>
                <input type="checkbox" name="delete" value="1" style="vertical-align: middle;">
            </td>
        </tr>
        {% } %}
    </script>